<div class="home-container">
  <img class="bg" ngSrc="assets/shared/components/introduce/background.png" alt="" width="1920" height="1080">
  <div class="header">
    <app-header [tabItems]="tabItems" (activeIndexChange)="tabClick($event)"></app-header>
  </div>
  <div class="content">
    <app-energy-scheduling *ngIf="activeIndex === tabMap['能源调度']"></app-energy-scheduling>
    <app-energy-app *ngIf="activeIndex === tabMap['能源应用']"></app-energy-app>
    <app-energy-analysis *ngIf="activeIndex === tabMap['能源分析']"></app-energy-analysis>
    <app-energy-prediction *ngIf="activeIndex === tabMap['能源预测']"></app-energy-prediction>
    <app-energy-report *ngIf="activeIndex === tabMap['能源报告']"></app-energy-report>
    <app-alarm-manage *ngIf="activeIndex === tabMap['告警管理']"></app-alarm-manage>
    <app-cost-accounting *ngIf="activeIndex === tabMap['费用核算']"></app-cost-accounting>
    <app-data-monitoring *ngIf="activeIndex === tabMap['数据监控']"></app-data-monitoring>
  </div>
</div>
